<style type="text/css" media="screen">
    #editor { 
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
		height:400px;
    }
</style>
<div class="artCon">
	<div class="middleArt">
	<form class="form-horizontal" id="mainForm" action="/${orgi}/manage/system/${type}/propertiessettingeditdo.html" method="post">
		<input type="hidden" name="id" value="${properties.id!''}"/>
		<input type="hidden" name="name" value="${properties.name!''}"/>
		<input type="hidden" name="update" value="true"/>
		<div class="artMain">
			<div class="mainCenter">
			<textarea name="value" id="value" style="display:none;">${properties.value!''}</textarea>
<div id="editor">${properties.value!''}</div>	
			</div>
		</div>
		<div class="bottomBg">
			<div class="btnWrap">
				<a href="javascript:document.getElementById('mainForm').submit()" class="btnStyle1">确认</a>
				<input type="button" onclick="closeR3ArtDialog()" class="cancelButtonStyle" value="取消"/>
			</div>
		</div>
	</form>
	</div>
</div>
<script language="javascript">
    var editor = ace.edit("editor");
    editor.setTheme("ace/theme/chrome");
    editor.getSession().setMode("ace/mode/javascript");
	var textarea = $("#value");
	editor.getSession().on("change", function () {
		textarea.val(editor.getSession().getValue());
	});
</script>

